@media only screen and (min-width: 428px) {

html{
  margin: 0;
  padding: 0;
  width: 100vw;
}

body{
  margin: 0;
  padding: 0;
  width: 100vw;
  height: auto;
  min-height: 100vh;
  font-family:"Plus Jakarta Sans";
  overflow-x: hidden;
}

.headerframe{
  display: flex;
  height: fit-content;
  background-color: white;
  align-items: center;
  justify-content: space-between;
  padding: 16px 24px;
  box-sizing: border-box;
}

.logo{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.logoframe{
  width: 34px;
  height: 20px;
  display: flex;
  align-items: center;

}

.middlesection{
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
}

.middlesection a{
  box-sizing: border-box;
  padding: 18px 24px;
  align-items: flex-start;
  justify-content: flex-start;
  height: auto;
  width: 100%;
  text-decoration: none;
  cursor: pointer;
  font-family: inherit;
  color: #475467;
  font-size: 14px;
  font-weight: 600;
  display: block;
}

/* .middlesection a:nth-child(3), .top-nav a:nth-child(4), .top-nav a:nth-child(5) {
  color: #475467;
  text-decoration: none;
  padding: 0 20px;
  display: flex;
  margin: 0;
  width: fit-content;
  align-items: center;
  cursor: pointer;
  font-family: 'inter', sans-serif;
  font-size: 16px;
} */

.middlesection a:hover{
  color: #2b2929;
  text-decoration: underline;

}


.middlesection a:active{
  color: #2b2929;
  text-decoration: underline;

}

.top-nav svg{
  fill: #6B0504;
}



.links-container{
  padding: 20px 0;
  align-items: flex-start;
  flex-direction: column;
  z-index: 999;
  position: fixed;
  width: 50vw;
  top: 0;
  right: -100%;
  height: 100vh;
  background-color: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(10px);
  box-shadow: -7px 0 7px rgba(134, 131, 131, 0.2);
  transition: .5s ease-out;
}

#sidebar-active:checked ~ .links-container{
  right: 0;
 }
 
 #sidebar-active{
   display: none;
 }
 
 #sidebar-active:checked ~ .links-container{
   right: 0;
 }
 
 #sidebar-active:checked ~ #overlay{
 
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9;
 }

.open-sidebar-btn{
  display: block;
  padding: 0 10px;
  margin: 0;
  overflow: hidden;
  height: 32px;
  width: 32px;
}

.close-sidebar-btn{
  display: block;
  padding: 0 20px;
}


.middlesection svg{
  width: 30px;
  height: 30px;
  fill: #220403;

}
















.navlist{
  display: flex;
  list-style-type: none;
  align-items: center;
  margin: 0;
  padding: 0;
}

.navlist li{
  padding: 0 20px;
  font-size: 16px;
  font-weight: 500;
  color: grey;
  cursor: pointer;
}

.navlist li:hover{
  padding: 0 20px;
  font-size: 16px;
  font-weight: 500;
  color: rgb(43, 41, 41);
  cursor: pointer;
}




.gtbutton{
  background-color: rgb(171,44,63);
  color: white;
  font-family: Plus Jakarta Sans;
  border: none;
  border-radius: 5px;
  /* height: 45px; */
  padding: 6px 13px;
  cursor: pointer;
  font-size: 10px;
  transition: 0.3s;
  font-weight: 600;
  display: none;
}

.leftsection{
  display: none;
}

.gtbutton:hover{
  display: none;
  background-color: transparent;
  color: rgb(171,44,63);
  border: none;
  border-radius: 5px;
  padding: 6px 13px;
  cursor: pointer;
  font-weight: 600;
  font-size: 10px;
  border-style: solid;
  border-width: 1px;
  border-color: rgb(171,44,63);
  display: none;
}



 .herobox{
  width: 100vw;
  height: 684px;
  position: relative;
  overflow: hidden;
 } 


.heroframe{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}

#heroimage{
  width: 100%;
  height: 100%;
  object-fit: cover;
  animation: zoom 5s linear infinite;
}

@keyframes zoom{
  0%{
    transform: scale(1.2);
  }
  15%{
    transform: scale(1);
  }
  85%{
    transform: scale(1);
  }
  100%{
    transform: scale(1.2);
  }
}

.overlay{
  width: 100%;
  height: 100%;
  background: linear-gradient(rgba(34, 1, 1, 0.6), rgba(34, 1, 1, 0.6));
  position: absolute;
  top: 0;
}

.herotext{
  display: flex;
  position: absolute;
  flex-direction: column;
  align-items: center;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50% );
}

.herotext h1{
  font-size: 32px;
  line-height: 38px;
  color: white;
  /* position: absolute; */
  width: 350px;
  height: fit-content;
  font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
  /* top: 30%;
  left: 50%;
  transform: translate(-50%,-50% ); */
  text-align: center;
  margin: 0 0 11px 0;
}

.herotext h3{
  /* position: absolute; */
  font-size: 13px;
  font-weight: 300;
  font-family: inherit;
  color: white;
  /* top: 365px;
  left: 120px; */
  width: 324px;
  line-height: 17px;
  letter-spacing: 0.1px;
  text-align: center;
  margin: 0 0 32px 0;
}

.buttonsframe{
  display: flex;
  /* position: absolute;
  top: 460px;
  left: 120px; */
  align-items: center;
}

.getbut{
  background-color: rgb(255, 255, 255);
  color: rgb(22, 22, 22);
  font-family: Plus Jakarta Sans;
  border: none;
  border-radius: 5px;
  /* height: 45px; */
  cursor: pointer;
  font-size: 16px;
  transition: 0.5s;
  font-weight: 600;
  padding: 14px 30px;
  margin: 0;
}

.getbut:hover{
  background-color: transparent;
  border-style: solid;
  border-width: 1px;
  border-color: white;
  color: rgb(255, 255, 255);
  font-family: Plus Jakarta Sans;
  border-radius: 5px;
  /* height: 45px; */
  padding: 14px 30px;
  cursor: pointer;
  font-weight: 600;
  font-size: 16px;
}

.contactbut{
  background-color: rgb(171,44,63);
  color: white;
  font-family: Plus Jakarta Sans;
  border: none;
  border-radius: 5px;
  /* height: 45px; */
  cursor: pointer;
  font-size: 10px;
  transition: 0.5s;
  font-weight: 600;
  padding: 6px 13px;
  display: none;
}

.contactbut:hover{
  background-color: transparent;
  border-style: solid;
  border-width: 1px;
  border-color: white;
  color: rgb(255, 255, 255);
  font-family: Plus Jakarta Sans;
  border-radius: 5px;
  /* height: 45px; */
  padding: 6px 13px;
  cursor: pointer;
  font-weight: 600;
  font-size: 10px;
}

.partnersbox{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100px;
  position: initial;
  padding: 20px 0 0;
  border-bottom: 1px solid rgba(209, 209, 209, 0.5);
}

.partnersframe{
  display: flex;
  flex-wrap: wrap;
  width: 80%;
  height: 100%;
  align-items: center;
  justify-content: space-evenly;
}

.partnersframe div{
  text-align: center;
}


.partnersframe img{
  display: inline-block;
  width: 68%;
  height: auto;
  object-fit: cover;
  margin: 0 0 20px 0;
}






























.managersection{
  display: flex;
  /* position: relative; */
  width: 100vw;
  height: 870px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid rgba(209, 209, 209, 0.5);
  align-items: center;
  justify-content: center;

}

.managersection-inner{
  display: flex;
  flex-direction: column;
  /* position: initial; */
  height: 100%;
  width: 100%;
  align-items: center;
  justify-content: center;
}

.managersframe{
  display: flex;
  position: relative;
  width: 100%;
  height: 100%;
}

.manager1{
  width: 150px;
  height: 245px;
  position: absolute;
  top: 100px;
  left: 40px;
  z-index: 1;
  border: 5px solid rgba(209, 209, 209, 0.5);
}

.manager2{
  width: 155px;
  height: 145px;
  display: flex;
  position: absolute;
  top: 60px;
  right: 40px ;
  z-index: 1;
  border: 5px solid rgba(209, 209, 209, 0.5);

}

.manager3{
  width: 155px;
  height: 145px;
  position: absolute;
  top: 260px;
  right: 40px;
  border: 5px solid rgba(209, 209, 209, 0.5);
}

.manager1img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.manager2img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.manager3img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.directors{
  display: flex;
  /* position: absolute; */
  flex-direction: column;
  align-items: center;
  margin-bottom: 48px;
  /* top: 180px;
  
  right: 100px; */
}

.directorhead{
  font-size: 23px;
  font-family: Plus Jakarta Sans;
  font-weight: 700;
  letter-spacing: 0.2px;
  margin-bottom: 16px;
  line-height: 25px;
}

.directorsub{
  letter-spacing: 0.3px;
  font-size: 16px;
  font-weight: 300;
  width: 360px;
  line-height: 24px;
  color: rgb(97, 97, 97);
  text-align: center;
}

.signature{
  width: 114px;
  margin-left: -20px;
  margin-top: 39px;
}

.signatureimg{
  object-fit: cover;
  width: 100%;
}

.teamlead{
  font-size: 13px;
  line-height: 16px;
  font-weight: 500;
  color: rgb(63, 62, 62);
  letter-spacing: 0.3px;
  text-decoration: underline;
  text-underline-offset: 1px;
}








































.new-services, .case-studies, .leaders-section, .blog-section{
  padding: 72px 16px;
}

.nservice-header, .caseheadtext, .leadertext, .blogtext{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 52px;
}



.nservice-header p:nth-child(1), .casehead, .leaderstexthead, .blogtexthead{
  font-size: 13px;
  line-height: 16px;
  font-weight: 500;
  color: rgba(73, 73, 73, .75);
  margin: 0 0 8px 0;
}


.nservice-header p:nth-child(2), .casedesc, .leaderstextdesc, .blogtextdesc, 
.leaderstextdesc{
  font-size: 21px;
  line-height: 25px;
  font-weight: 500;
  color: #0F0F0F;
  width: 350px;
  margin: 0 0  0;
  text-align: center;
}

.serviceframe{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  
}

.service1, .service2{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 54px;
}


.service3{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 ;
}

.service1-imgframe, .service3-imgframe{
  width: 372px;
  height: 258px;
  padding: 16px;
  background-color: #6B0504;
  box-sizing: border-box;
  display: flex;
  border-radius: 10px;
  margin: 0 0 23px 0;
}

.service2-imgframe{
  width: 372px;
  height: 258px;
  padding: 16px;
  background-color: #6B0504;
  box-sizing: border-box;
  display: flex;
  border-radius: 10px;
  margin: 0 0 23px 0;
}

.service1-imgframe img, .service2-imgframe img, .service3-imgframe img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.divider img{
  display: none;
  height: 185px;
  width: initial;

}

.service1-desc, .service2-desc, .service3-desc{
  width: 367px;
}

.service1-desc p:first-child, .service2-desc p:first-child, .service3-desc p:first-child{
  font-size: 20px;
  line-height: 31px;
  font-weight: 600;
  margin: 0 0 6px 0;
}

.service1-desc p:nth-child(2), .service2-desc p:nth-child(2),  .service3-desc p:nth-child(2){
  font-size: 15px;
  line-height: 22px;
  font-weight: 300;
  margin: 0 0 28px 0;
}


.readmorebut{
  width: 100%;
  background-color: #6B0504;
  color: white;
  font-family: Plus Jakarta Sans;
  border: none;
  border-radius: 5px;
  height: fit-content;
  cursor: pointer;
  font-size: 16px;
  transition: 0.5s;
  font-weight: 600;
  padding: 13px 13px;
}

.readmorebut:hover{
  background-color: transparent;
  border-style: solid;
  border-width: 1px;
  border-color:  #6B0504;;
  color: #6B0504;
  font-family: Plus Jakarta Sans;
  border-radius: 5px;
  height: fit-content;
  padding: 13px 13px;
  cursor: pointer;
  font-weight: 600;
  font-size: 16px;
}

.readmorebut:active{
  background-color: transparent;
  border-style: solid;
  border-width: 1px;
  border-color:  #6B0504;;
  color: #6B0504;
  font-family: Plus Jakarta Sans;
  border-radius: 5px;
  height: fit-content;
  padding: 13px 13px;
  cursor: pointer;
  font-weight: 600;
  font-size: 16px;
}































.attributes-section{
  width: 100%;
  height: 903px;
  position: relative;
  overflow: hidden;
}

.attrbtes1img{
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: flex;
  position: absolute;
  left: 0px;
  align-items: center;
  justify-content: center;

}

.attrimg{
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.attr-overlay{
  width: 100%;
  height: 100%;    
  background-color: #0c0c0c;
  opacity: 0.94;
  mix-blend-mode: multiply;
  position: absolute;
  top: 0;
}

.attr-head{
  position: absolute;
  display: flex;
  flex-direction: column;
  top: 10%;
  left: 10%;
  transform: translateY(-10%);
}

.attr-headtext{
  font-size: 19px;
  color: white;
  font-weight: 700;
  width: 331px;
  line-height: 27px;
  letter-spacing: 0.2px;
  margin : 0 0 16px 0
}

.attr-desc{
  margin: 0 0 56px 0;
  font-size: 15px;
  width: 337px;
  letter-spacing: 0.5px;
  font-weight: 300;
  line-height: 23px;
  color: rgb(146, 140, 140);
}

.key-attr{
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.excellence, .alliance, .Intuition {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.excellence img, .alliance img, .Intuition img{
  width: 77px;
  height: 77px;
  object-fit: cover;
  margin: 0 0 12px 0;
  padding: 0;
}


.excellence p, .alliance p, .Intuition p{
  font-size: 16px;
  line-height: 25px;
  font-weight: 600;
  color: white;
  margin: 0;
  padding: 0;
}

.attrvideo{
  display: flex;
  position: absolute;
  border-radius: 3px;
  width: 80%;
  height: 290px;
  overflow: hidden;
  right: 5%;
  top: 60%;
  transform: translate(-8%, -6%);
  align-items: center;
  justify-content: center;
}

.vid-nail{
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.play{
  width: 45px;
  z-index: 1;
  height: 45px;
  position: absolute;
  
}


.description{
  display: flex;
  position: absolute;
  top: 123px;
  left: 120px;
}

.descone{
  width: 80px;
  height: 80px;
  overflow: hidden;
  fill: azure;
}

.sdc{
  fill: rgb(255, 255, 255);
}












 





.case-studies{
  box-sizing: border-box;
  margin: 0;
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
}

/* .caseheadtext{
  margin: 0 0 80px;
} */


/* .casehead{
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  color: rgba(73, 73, 73, .75);
  margin: 0 0 15px 0;
  padding: 0;
  text-align: center;
}

.casedesc{
  letter-spacing: 0.2px;
  font-size: 36px;
  line-height: 41px;
  font-weight: 500;
  color: #0F0F0F;
  width: 600px;
  margin: 0 0 0;
  text-align: center;
} */



.case-studies-card{
  width: 100%;
  padding: 0px 10px;
  display: flex;
  align-items: center;


}

.case-row1{
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}

.case0, .case1, .case2, .case3, .case4, .case5{
  display: flex;
  width: fit-content;
  height: fit-content;
  overflow: hidden;
  padding: 24px 20px;
  border-style: solid;
  border-width: 1px;
  transition: 0.2s;
  border-color: rgba(206, 206, 206, 0.3);
}

.case0:hover, .case1:hover, .case2:hover, .case3:hover, .case4:hover, .case5:hover{
  display: flex;
  width: fit-content;
  height: fit-content;
  overflow: hidden;
  padding: 24px 20px;
  border-style: solid;
  border-width: 1px;
  transition: 0.2s;
  border-color: rgba(206, 206, 206, 0.3);
}

.case0, .case1, .case2{
  margin: 0 0 40px 0;
}

.case3, .case4{
  margin: 0 0 40px 0;
}
/* 
.case2, .case5{
  display: flex;
  width: 310px;
  height: 135px;
  padding: 15px 20px;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(206, 206, 206, 0.3);
  transition: 0.2s;
} */

/* .case0:hover, .case1:hover, .case4:hover, .case3:hover, .case2:hover, .case5:hover{
  display: flex;
  width: fit-content;
  height: fit-content;
  overflow: hidden;
  padding: 14px 8px 10px;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(206, 206, 206, 0.2);
  box-shadow: 0 5px 15px  rgba(209, 209, 209, 0.3);
  transform: scale(1.006) ;
  cursor: pointer;
} */

/* .case2:hover, .case5:hover{
  display: flex;
  width: 310px;
  height: 135px;
   padding: 15px 10px 15px 10px;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(206, 206, 206, 0.3);
  box-shadow: 0 5px 15px  rgba(209, 209, 209, 0.2);
  transform: scale(1.006);
  cursor: pointer;
 
} */

.case0imagebox, .case1imagebox, .case2imagebox, .case3imagebox, .case4imagebox, .case5imagebox{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 62px;
  height: 62px;
  border-radius: 50%;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(206, 206, 206, 0.5);
  margin-right: 18px;
}

.case0imagebox img, .case1imagebox img, .case2imagebox img, .case3imagebox img, .case4imagebox img, .case5imagebox img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.case0texthead, .case1texthead, .case2texthead, .case3texthead, .case4texthead, .case5texthead{
  font-size: 19px;
  font-weight: 600;
  margin: 0;
  letter-spacing: 0.1px;
  color: rgb(48, 46, 46);
}

.case0textdesc, .case1textdesc, .case2textdesc, .case3textdesc, .case4textdesc, .case5textdesc{
  font-size: 13px;
  width: 230px;
  line-height: 17px;
  text-align: left;
  color: rgb(104, 99, 99);
  font-weight: 300;
  margin-top: 12px;
  margin-bottom: 20px;
}

.readcase{
  font-weight: 700;
  font-size: 13px;
  color: rgb(180, 72, 89);
  transition: 0.6s;
  position: relative;
  width: fit-content;
  padding-bottom: 0.25rem;
  cursor: pointer;
}

.readcase:before{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 1.5px;
  background-color: rgb(180, 72, 89);
  transition: width 0.25s ease-out;
}

.readcase:hover::before{
  width: 100%;
}

































.statssection{
  width: 100%;
  height: 1100px;
  display: flex;
  position: relative;
  overflow: hidden;
  justify-content: center;
}

.statsimgbox{
  width: 100%;
  height: 100%;
  position: absolute;
  display: flex;
}

.statsimg{
  object-fit: cover;
  width: inherit;
  height: inherit;
}

.stats-overlay{
  height: inherit;
  width: inherit;
  background-image: linear-gradient(360deg, black, transparent);
  display: flex;
  position: absolute;
  opacity: 0.97;
  mix-blend-mode: multiply;
}

.statsframe{
  display: flex;
  flex-direction: column;
  /* position: initial; */
  width: 100%;
  height: 100%;
}

.stats1{
  display: flex;
  position: relative;
  top: 6%;
  right: 0; 
  border-bottom: 1px solid rgb(185, 185, 185);
  width: 100%;
  height: 150px;
  /* flex: 1; */
  padding: 0 0 32px 32px;

}

.stats2{
  display: flex;
  position: relative;
  top: 13%;
  right: 0; 
  border-bottom: 1px solid rgb(185, 185, 185);
  width: 100%;
  height: 150px;
  /* flex: 1; */
  padding: 0 0 32px 32px;
}

.stats3{
  display: flex;
  position: relative;
  top: 21%;
  right: 0; 
  border-bottom: 1px solid rgb(185, 185, 185);
  width: 100%;
  height: 150px;
  /* flex: 1; */
  padding: 0 0 32px 32px;
}

.stats4{
  display: flex;
  position: relative;
  top: 27%;
  right: 0; 
  border-bottom: 1px none rgb(185, 185, 185);
  width: 100%;
  height: 100px;
  /* flex: 1; */
  padding: 0 0 32px 32px;
}

/* .stats4, .stats3{
  display: none;
  flex: 1;
  bottom: 0px;
  left: 0;
  width: fit-content;
  height: 100%;
  padding-left: 24px;
  
} */


.stats1box, .stats2box, .stats3box{
  display: flex;
  flex-direction: column;
  position: absolute;
  /* bottom: -12px; */
  width: inherit;
  height: fit-content;
  padding-bottom: 32px;
  cursor: pointer;
  transition: 0.6s;
  top: 0px;
  padding: 0;
}

.stats4box{
  display: flex;
  flex-direction: column;
  position: absolute;
  bottom: -12px;
  width: inherit;
  height: fit-content;
  padding-bottom: 0;
  cursor: pointer;
  transition: 0.6s;
  top: 0px;
}

.stats1box:hover, .stats2box:hover, .stats3box:hover{
  display: flex;
  flex-direction: column;
  position: absolute;
  bottom: 20px;
  width: inherit;
  padding-bottom: 40px;
  cursor: pointer;
}

.stats4box:hover{
  display: flex;
  flex-direction: column;
  position: absolute;
  bottom: 20px;
  width: inherit;
  padding-bottom: 0;
  padding: 0;
  margin: 0;
  cursor: none;

}

.stats1box .tooltip,
.stats2box .tooltip,
.stats3box .tooltip,
.stats4box .tooltip{
  display: none;
  font-weight: 600;
  font-size: 10px;
  color: rgb(247, 247, 247);
  text-decoration: underline;
  text-underline-offset: 3px;
  opacity: 0;
  pointer-events: none;
  transition: 0.6s;
}

.stats1box:hover .tooltip,
.stats2box:hover .tooltip,
.stats3box:hover .tooltip,
.stats4box:hover .tooltip{
  font-weight: 600;
  font-size: 10px;
  color: rgb(247, 247, 247);
  text-decoration: underline;
  text-underline-offset: 3px;
  opacity: 1;
  cursor: pointer;
}


.stats1head, .stats2head, .stats3head, .stats4head{
  font-size: 41px;
  font-weight: 600;
  color: rgb(245, 245, 245);
  margin: 0px 0px 8px 0px;
}

.stats1sub, .stats2sub, .stats3sub, .stats4sub{
  font-size: 19px;
  font-weight: 500;
  color: rgb(245, 245, 245);
  margin: 0px 0px 7px 0px;
}

.stats1desc, .stats2desc, .stats3desc, .stats4desc{
  font-size: 13px;
  width: 250px;
  font-weight: 200;
  color: rgb(180, 180, 180);
  margin: 0px 0px 5px 0px;
  line-height: 18px;
}




























.leaders-section{
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;

}

/* .leadertext{
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 80px;
} */

/* .leaderstexthead{
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  color: rgba(73, 73, 73, .75);
  margin: 0 0 15px 0;
  padding: 0;
  text-align: center;
}

.leaderstextdesc{
  letter-spacing: 0.2px;
  font-size: 36px;
  line-height: 41px;
  font-weight: 500;
  color: #0F0F0F;
  width: 600px;
  margin: 0 0 0;
  text-align: center;
} */

.leaders-cards{
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: 90%;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}

.leadercard1, .leadercard2, .leadercard3, .leadercard4{
  border-radius: 5px;
  width: 359px;
  height: 520px;
  overflow: hidden;
  background-color: rgb(252, 252, 252);
  box-shadow: 0 2px 28px 0 rgba(1,1,1.5,.06);
  margin: 0 0 64px 0;
}

.leaderframe, .leaderframe2, .leaderframe3, .leaderframe4{
  display: flex;
  position: relative;
  top: 0px;
  transition: 0.5s;
  height: fit-content;
}

.leaderframe:hover, .leaderframe2:hover, .leaderframe3:hover, .leaderframe4:hover   {
  display: flex;
  position: relative;
  top: 0;
  box-shadow: 0 1px 1px 0 rgba(1,1,1.5,.10);
  border: none;
  cursor: pointer;
}


.leader1-imgbox, .leader2-imgbox, .leader3-imgbox, .leader4-imgbox{
  width: 100%;
  height: 400px;
  overflow: hidden;
}

.leader1-img, .leader2-img, .leader3-img, .leader4-img{
  width: 100%;
  object-fit: cover;
}

.leader-1-text, .leader-2-text, .leader-3-text, .leader-4-text{
  display: inline-block;
  width: 68%;
}


.leader-1-name, .leader-2-name, .leader-3-name, .leader-4-name{
  font-size: 27px;
  margin: 18px 0 0 12px;
  text-align: left;
  font-weight: 600;
  padding: 0;
}

.leader-1-desc, .leader-2-desc, .leader-3-desc, .leader-4-desc{
  font-size: 24px;
  font-weight: 300;
  letter-spacing: 0.5;
  text-align: center;
  margin: 8px 0 0 12px;
  text-align: left;
  color: rgb(41, 40, 40);
}

.socials{
  display: inline-block;
  height: fit-content;
}

.socials img:nth-child(1){
  margin-right: 16px;
  width: 42px;
  height: 42px;
}

.socials img:nth-child(2){
  width: 42px;
  height: 42px;

}

/* .leader-1-links, .leader-2-links, .leader-3-links, .leader-4-links{
  font-size: 12px;
  font-weight: 300;
  text-align: center;
  margin: 15px 0 0 0;
  padding-top: 10px;
  color: rgba(141, 138, 138, 0.9);
  border-top-style:solid ;
  border-top-color: rgba(107, 104, 104, 0.2);
  border-top-width: 1px;
} */





























.newstats-section{
  width: 100%;
  height: 1900px;
  display: flex;
  position: relative;
  overflow: hidden;
  justify-content: center;
  align-items: flex-start;
}

.newstats-imgbox{
  width: 100%;
  height: inherit;
  position: absolute;
  display: flex;
}

.newstats-img{
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.newstats-overlay{
  width: 100%;
  height: 100%;
  /* display: flex; */
  /* position: absolute; */
  /* top: 0; */
  background-color: #0c0c0c;
  opacity: .85;
  mix-blend-mode: multiply;
}

.newstatsframe{
  display: flex;
  flex-direction: column;
  position: absolute;
  margin: 0;
  width: 100%;
  height: fit-content;
  top: 9%;
  justify-content: center;
  align-items: center;
}

.newstats-desc{
  display: flex;
  /* position: absolute; */
  flex-direction: column;
  align-items: center;
  margin-bottom: 84px;
  /* top: 80px;
  left: 20px; */

}

.ns-mini-desc{
  font-size: 13px;
  color: rgb(196, 196, 196);
  margin: 0 0 8px 0;
  font-weight: 300;
  text-align: center;
  width: fit-content;
}

.ns-desc-head{
  font-size: 21px;
  color: white;
  margin: 0 0 0 0;
  font-weight: 600;
  width: 340px;
  letter-spacing: 0.2px;
  line-height: 25px;
  text-align: center;
}

/* .ns-main-desc{
  font-size: 14px;
  color: rgb(196, 196, 196);
  font-weight: 300;
  margin: 0 0 30px 0;
  width: 380px;
  line-height: 24px;
  text-align: center;
} */
/* 
.newstats-gtbut{
  background-color: rgb(2, 101, 214);
  border: none;
  padding: 0.7em 2.1em;
  height: 45px;
  width: 80px;
  border-radius: 5px;
  min-width: 150px;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.2px;
  color: white;
  cursor: pointer;
  transition: 0.3s;
}

.newstats-gtbut:hover{
  background-color:transparent;
  border-style: solid;
  border-width: 1px;
  padding: 0.7em 2.1em;
  height: 45px;
  width: 80px;
  border-radius: 5px;
  min-width: 150px;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 0.2px;
  color: white;
  cursor: pointer;
} */

.ns-stats-frame{
  display: flex;
  flex-wrap: wrap;
  /* position: absolute; */
  /* top: 80px;
  right: 10px; */
  /* bottom: 0; */
  flex-direction: column;
  width: 90%;
  height: 100%;
}

.ns-stats-frame-row1{
  display: flex;
  flex-direction: column;
  width: 100%;
  justify-content: center;
  align-items: center;
}
/* 
.ns-stats-frame-row2{
  display: flex;
  width: 500px;
  justify-content: space-between;
} */

.ns-stats-1, .ns-stats-2, .ns-stats-3, .ns-stats-4{
  display: flex;
  flex-direction: column;
  border-style: solid;
  border-width: 4px;
  border-radius: 3px;
  border-color:  rgba(216, 216, 216, 0.9);
  width: 200px;
  height: 206px;
  align-items: center;
  justify-content: center;
  transition: 0.2s;
  margin: 0 0 92px 0;
}

.ns-stats-5{
  display: flex;
  flex-direction: column;
  border-style: solid;
  border-width: 4px;
  border-radius: 3px;
  border-color:  rgba(216, 216, 216, 0.9);
  width: 200px;
  height: 206px;
  align-items: center;
  justify-content: center;
  transition: 0.2s;
  margin: 0 0  0;
}

.ns-stats-1:hover, .ns-stats-2:hover, .ns-stats-3:hover, .ns-stats-4:hover{
  display: flex;
  flex-direction: column;
  border-style: solid;
  border-width: 4px;
  border-radius: 3px;
  border-color:  rgba(216, 216, 216, 0.9);
  width: 200px;
  height: 206px;
  align-items: center;
  justify-content: center;
  margin: 0 0 92px 0;
}

.ns-stats-5:hover{
  display: flex;
  flex-direction: column;
  border-style: solid;
  border-width: 4px;
  border-radius: 3px;
  border-color:  rgba(216, 216, 216, 0.9);
  width: 200px;
  height: 206px;
  align-items: center;
  justify-content: center;
  margin: 0 0 0;
}

.ns-stats-1-head, .ns-stats-2-head, .ns-stats-3-head, .ns-stats-4-head, .ns-stats-5-head, .ns-stats-6-head{
  font-weight: 600;
  font-size: 55px;
  color: white;
  text-align: center;
  margin: 0 0 12.5px 0;
}   

.ns-stats-1-desc, .ns-stats-2-desc, .ns-stats-3-desc, .ns-stats-4-desc, .ns-stats-5-desc,.ns-stats-6-desc{
  text-align: center;
  line-height: 22px;
  font-weight: 300;
  font-size: 16px;
  width: fit-content;
  color: white;
  margin: 0;
}






















.blog-section{
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

/* .blogtext{
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 0 80px 0;
} */

/* .blogtexthead{
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  color: rgba(73, 73, 73, .75);
  margin: 0 0 15px 0;
  padding: 0;
  text-align: center;
}

.blogtextdesc{
  letter-spacing: 0.2px;
  font-size: 36px;
  line-height: 41px;
  font-weight: 500;
  color: #0F0F0F;
  width: 600px;
  margin: 0 0 0;
  text-align: center;
} */

.blogcards{
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
}



.blogcard1, .blogcard2{
  border-radius: 5px;
  width: 366px;
  height: 327px;
  overflow: hidden;
  background-color: white;
  border-radius: 5px;
  cursor: pointer;
  margin: 0 0 38px 0;
}

 .blogcard3{
  border-radius: 5px;
  width: 366px;
  height: 327px;
  overflow: hidden;
  background-color: white;
  border-radius: 5px;
  cursor: pointer;
  margin: 0 0  0;
}

.blogimg-box1, .blogimg-box2, .blogimg-box3, .blogimg-box4{
  width: 100%;
  height: 233px ;
  overflow: hidden;
  border-radius: 5px;
  box-shadow: 0 5px 12px 0 rgba(23, 28, 37, 0.1);
}


.blogimg1, .blogimg2, .blogimg3, .blogimg4{
  width: 100%;
  height: 100%;
  object-fit: cover;
  
}

.blogimg-box1-zoom, .blogimg-box2-zoom, .blogimg-box3-zoom, .blogimg-box4-zoom{
  width: 100%;
  height: 233px;
  transition: .5s;
  object-fit: cover;
}

.blogimg-box1-zoom:hover, .blogimg-box2-zoom:hover, .blogimg-box3-zoom:hover, .blogimg-box4-zoom:hover{
  transform: scale(1.05);
}



.bc1-headtext, .bc2-headtext, .bc3-headtext, .bc4-headtext{
  width: 100%;
  font-weight: 500;
  letter-spacing: 0.5px;
  line-height: 18px;
  margin: 14px 0 0 0;
  font-size: 14px;
  color: rgb(75, 73, 73);
}

.bc1-desctext, .bc2-desctext, .bc3-desctext, .bc4-desctext{
  margin: 8px 0 0 0;
  font-weight: 300;
  letter-spacing: 0.3px;
  font-size: 11px;
  color: rgb(131, 128, 128);
}
















.footer{
  height: 360px;
  background-color: rgb(24, 19, 19);
  width: 100%;
  padding: 0 24px;
  box-sizing: border-box;
}

.footer-box1{
  width: inherit;
  background-color: rgb(24, 19, 19);
  height: 84px;
  display: none;
  align-items: center;
  justify-content: center;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: rgba(61, 58, 58, 0.6);
  padding: 24px 0;
}

.footer-box1-inner{
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;


}

.fb1-text{
  font-weight: 700;
  font-size: 11.5px;
  color: rgb(155, 155, 155);
  flex: 1;
  margin: 0 0 36px 0;
}

.fb1-button{
  font-size: 10px;
  transition: 0.5s;
  font-weight: 600;
  padding: 6px 13px ;
  color: rgb(56, 54, 54);
  background-color: white;
  border: none;
  border-radius: 3px;
  cursor: pointer;
  transition: 0.2s;
}

.fb1-button:hover{
  font-size: 10px;
  font-weight: 600;
  padding: 6px 13px ;
  color: rgb(44, 44, 44);
  background-color: rgb(209, 208, 208);
  border: none;
  border-radius: 3px;
  cursor: pointer;
}


.footer-box2{
  width: 100%;
  background-color: #181313;
  height: fit-content;
  padding: 36px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: rgba(61, 58, 58, 0.6);

}

.footer-box2-inner{
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: space-between;
}

.f-navlist-1, .f-navlist-2, .f-navlist-3{
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;

}

.f-navlist-1 li{
  color: rgb(160, 157, 157);
  line-height: 11.5px;
  font-size: 15px;
  font-weight: 700;
  margin: 0 14px 10px 0;
  cursor: pointer;
  transition: 0.2s;
}

.f-navlist-1 li:hover{
  color: rgb(236, 236, 236);
  line-height: 11.5px;
  font-size: 15px;
  font-weight: 700;
  margin: 0 14px 10px 0;
  cursor: pointer;
}

.f-navlist-2 li{
  color: rgb(160, 157, 157);
  line-height: 11.5px;
  font-size: 15px;
  font-weight: 700;
  margin: 0 14px 10px 0;
  cursor: pointer;
  transition: 0.2s;
}

.f-navlist-2 li:hover{
  color: rgb(236, 236, 236);
  line-height: 11.5px;
  font-size: 15px;
  font-weight: 700;
  margin: 0 14px 10px 0;
  cursor: pointer;
}

.f-navlist-3 li{
  color: rgb(160, 157, 157);
  line-height: 1.3em;
  font-size: 15px;
  font-weight: 600;
  margin: 0 15px 11.5px 0;
  cursor: pointer;
  transition: 0.2s;
  cursor: pointer;
  display: flex;
  align-items: center;
}

.f-navlist-1-box, .f-navlist-2-box,  .f-navlist-3-box{
  margin: 0 0 16px;
}


.f-navlist-1-box-wh, .f-navlist-2-box-wh, .f-navlist-3-box-wh{
  font-size: 15px;
  line-height: 25px;
  color: rgb(122, 121, 121);
  font-weight: 600;
  margin: 0 0 12px 0;
}

.f-navlist-4-box-wh{
  font-size: 15px;
  line-height: 25px;
  color: rgb(122, 121, 121);
  font-weight: 600;
  margin: 0 0 12px 0;
}



.nl-form{
  width: 180px;
  height: 32px;
  padding: 0 0 0 8px;
  border: none;
  outline: none;
  border-radius: 4px 0 0 4px;
  font-family: inherit;
  font-weight: 500;
  font-size: 12px;
  color: rgb(99, 97, 97);
  margin-right: 0;
}

.location{
  width: 17px;
  height: 17px;
  margin-right: 3px;
}

.li-phone{
  width: 17px;
  height: 17px;
  margin-right: 3px;
}

.li-time{
  width: 17px;
  height: 17px;
  margin-right: 3px;
}

.nl-form-OG{
  display: n;
  width: 180px;
  height: 28px;
  border: none;
  outline: none;
  border-radius: 4px;
  font-family: inherit;
  font-weight: 500;
  color: rgb(32, 32, 32);
  
}


.nl-button-img{
  width: 16px;
  height: 16px;

}

.n1-button{
  width: 36px;
  height: 32px;
  background-color: rgb(0, 100, 167);
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  border-radius: 0 5px 5px 0;
  float: right;
}

.footer-box3{
  background-color: #181313;
  width: 100%;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.footer-note{
  font-size: 12px;
  font-weight: 300;
  margin: 0;
  color: rgb(122, 121, 121);
  letter-spacing: 0.2px;

}




}